<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>solt的用法</title>

<!--一个基于flexbox的布局类库-->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.5.1/css/bulma.css">


<style type="text/css">

body {

    padding-top: 40px;

}

</style>

</head>



<body>



<div id="root" class="container">
  <p></p>
  

<modal>

  <!--使用template标签将会用标签内的东西替换,不包含标签本身 -->
  <template slot="header"> 提醒标题 </template>
  
  <!--文本 对应替换 <slot></slot>-->
  这是一篇文章简介

  <!-- 带标签的替换 -->
<div slot="footer">
  <button class="button is-success">Save changes</button>
  <button class="button">Cancel</button>
</div>



</modal>

</div>



<!-- vue -->
<!-- <script src="https://unpkg.com/vue@2.4.2"></script> -->
<script src="./js/vue2.4.2.js"></script>

<!--
    引入组件
  -->
<script src="./exerciseJS/solt.js" >  </script>

  </body>
</html>
